<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "@/uni_modules/uview-ui/index.scss";
	@import "./static/font/iconfont.scss";
	/deep/.u-cell__title-text {
		font-size: 14px !important;
	}
	/deep/.u-switch {
		box-sizing: content-box  !important;
		background-color: #eee !important;
		border: 0 !important;
	}
	.line-bg-container {
		/deep/.u-navbar .u-navbar--fixed{
			background: linear-gradient(90deg, #00107d, #8acbf1);
		}
		
		/deep/.u-navbar .u-navbar__content__title,
		/deep/.u-navbar .u-icon__icon,
		.jcc-tit
		{
			color: #fff !important;
		}
	}
	
	
	.content-container {
		background: #eee;
		border-top-left-radius: 60rpx;
		border-top-right-radius: 60rpx;
		padding: 45rpx;
		min-height: calc(100vh - 188px - 45px);
	}
	
	/deep/ .u-cell__body{
		padding: 15px 0 15px 15px !important;
	}
	
	
	.p-mode {
		background: #fff;
		border-radius: 30rpx;
		overflow: hidden;
		padding: 0 30rpx;
	}


	.ble-info,
	.q-setting,
	.dev-setting,
	.bms-setting{
		/deep/.u-icon__icon--info {
			color: #008957 !important;
		}

		/deep/.u-col {
			.u-icon {
				display: flex;
				justify-content: flex-end;

				text {
					background: -webkit-linear-gradient(to right, #00107d, #8acbf1);
					/* Chrome, Safari */
					background: linear-gradient(to right, #00107d, #8acbf1);
					/* 标准语法 */
					-webkit-background-clip: text;
					/* Chrome, Safari */
					background-clip: text;
					-webkit-text-fill-color: transparent;
					/* Chrome, Safari */
					color: transparent;
					/* 在不支持 -webkit-text-fill-color 的浏览器中，字体颜色设置为透明 */
				}
			}
		}

		/deep/.u-collapse {
			.u-line:first-child {
				display: none;
			}

			.u-collapse-item__content__text {
				padding: 12px 0 12px 15px;
			}
		}
	}
	
	
	
	.s-type {
		padding: 30rpx 0rpx;
		.s-type-item {
			width: 100%;
			height: 55rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			background: linear-gradient(to right, #00107d, #8acbf1);
			border-radius: 5px;
			font-size: 10px;
		}
		.s-type-item-big{
			font-size: 14px;
		}
	}
	
	.m-type-item {
		width: 420rpx;
		height: 75rpx;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		background: linear-gradient(to right, #00107d, #8acbf1);
		border-radius: 75px;
		font-size: 16px;
		image {
			width: 35rpx;
			height: 35rpx;
			margin: 0 15rpx;
		}
	}
	
	.u-slot-value-01 {
		flex: 1.2;
		text-align: right;
		font-size: 14px;
		color: #60686a;
	
		/deep/.u-input {
			width: 120rpx;
			display: inline-block !important;
			background: linear-gradient(to right, #00107d, #8acbf1);
			border-radius: 5px;
			margin: 0 5px;
	
			input {
				color: #fff !important;
				padding: 0 5px;
			}
		}
	}
	
	.u-slot-value-02 {
		flex: 1.2;
		font-size: 14px;
		color: #60686a;
		display: flex;
		align-items: center;
	
		// padding-left: 50px;
		/deep/.u-input {
			padding-left: 30px !important;
		}
	}
	.u-page__item__slot-icon {
		width: 45rpx;
		height: 45rpx;
	}
	
	/deep/.u-tabbar{
		background: #eee;
	}
	
	.status-container+/deep/.u-tabbar{
		background: #fff;
	}
	
	/deep/.u-tabbar__content{
		border-top-left-radius: 60rpx !important;
		border-top-right-radius: 60rpx !important;
		overflow: hidden !important;
	}
	/deep/.u-tabbar__content__item-wrapper {
		height: 65px !important;
		.u-tabbar-item__icon{
			padding-bottom: 15rpx;
			position: relative;
			&::after{
				position: absolute;
				left: 50%;
				right: 0;
				bottom: 0;
				width: 30rpx;
				margin-left: -15rpx;
				height: 2px;
				background-color: transparent;
				content: ' ';
				border-radius: 2px;
			}
		}
	}
	/deep/.u-tabbar-item-active {
		.u-tabbar-item__icon{
			&::after{
				background-color: #ef8673;
			}
		}
	}
	.u-slot-ble-value {
		/deep/.u-icon{
			flex: 0 0 30px;
			justify-content: flex-end;
		}
		text {
			background: -webkit-linear-gradient(to right, #00107d, #8acbf1);
			/* Chrome, Safari */
			background: linear-gradient(to right, #00107d, #8acbf1);
			/* 标准语法 */
			-webkit-background-clip: text;
			/* Chrome, Safari */
			background-clip: text;
			-webkit-text-fill-color: transparent;
			/* Chrome, Safari */
			color: transparent;
			/* 在不支持 -webkit-text-fill-color 的浏览器中，字体颜色设置为透明 */
		}
	}
</style>